/* -------------------------------------------------------------
	Name	           : styles.css
	Site               : alsace.dk landing page
	Date	           : May 09th,2011
	Last Modified date : 
	
	Created by Thanh Phong, Pham
	email : phong.pham@mwc@.vn
-------------------------------------------------------------- */

/*--------------RESETS ELEMENTS---------------*/
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html { 
	margin:0; 
	padding:0; 
	border:0; 
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Remove annoying border images and on linked images. */
a img, img { border: none; }

/* define focus styles! */
:focus { outline: 0; }

/* ------------------------------------
	GENERAL ELEMENTS
------------------------------------ */
body {
	background: #fff; 
	min-width:1024px; 
	min-height: 100%;
	font-size:100%;
  	color: #000;
  	font: normal 12px Helvetica, Arial, sans-serif;
}

/*Typography, link, paragraph, reuse elements*/
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {font-weight: bold; color: #000;}

h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

h1 { margin-bottom: 5px; font-size: 25px; font-weight: normal; padding: 0; line-height: 30px; letter-spacing: -1.5px;}
h2 { margin-bottom: 7px; padding: 0 0 5px 0; line-height: 1.1em; letter-spacing: -0.75px; }
h3 { margin: 0 0 3px; line-height: 1.2em; letter-spacing: -1px; }
h4 { letter-spacing: -0.25px;  }
h5 { font-size: 0.5em; }
h6 { font-size: 0.5em; }

/* Text elements
-------------------------------------------------------------- */
p           { line-height: 1.4em; font-size: 11px; }

a           { color: #000; text-decoration: underline; cursor: pointer; outline: none ;}
a:focus,
a:hover, a:visited   { text-decoration: underline; outline: none; color: #0065ab; }

a:hover { text-decoration: none;}

blockquote  { margin: 1.5em; color: #fff; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */
ul, ol      { margin: 0.5em 1em 1em 0; padding-left: 1.5em; line-height: 18px; }

ol          { list-style-type: decimal; }

.f-left {float: left; display:inline-block;}
.f-right { float:right; display:inline-block;}
.clr {clear: both; height: 0;}

/*Page*/
.wrapper {position: relative; min-height: 100%; }

/*Header*/
#header {
	overflow: hidden;
	width: 100%;
	height: 120px;
	margin: 0 auto;
	background-color: #000;
}

.header-inner {
	background: #000;
	width: 1024px;
	margin: 0 auto;
}

#header h1.top-title { padding: 0; margin: 27px 0 0 22px;}
#header h1.logo { padding: 0; margin: 12px 21px 0;}

/*--------MAIN CONTENT----------*/
#main {
	clear:both;
	background: #fff;
	overflow: hidden;
	width: 100%; 
	margin: 0 auto;
	padding: 0;
}

#content-ctn {
	width: 1024px;
	margin: 0 auto;
	overflow:hidden;
	padding-bottom: 35px;
}

.left-col { width: 250px; height: 100%; padding: 27px 0 20px 0;}
.right-col {width: 250px; min-height: 675px; display: inline; padding: 15px 0; position:relative;}

.col-inner { width: 188px; margin: auto;}
.left-col .col-inner { width: 195px; margin-left: 24px;}

.content-mid{ width: 522px; margin: 0; height: 100%; padding: 15px 0 20px 0;}

.content-holder { width: 412px; margin: auto; }
.content-holder h1 { border-bottom: 1px solid #000; padding-bottom: 5px;}
.content-holder img { margin: 10px 0;}

.left-col h2, .right-col h2 { font-weight: normal;  border-bottom: 1px solid #000; }

ul.news-list { padding: 0; margin: 0; list-style:none; overflow: hidden;}
ul.news-list li { background: url(../img/bullet.gif) no-repeat 0 7px; padding: 0 0 0 10px; margin: 17px 0 10px;}

ul.news-list li a { color: #000; text-decoration: none; font-weight: normal;}
ul.news-list li a span { display: block;}
ul.news-list li a span.news-title { font-size: 14px; color: #888; margin-bottom: 3px; letter-spacing: -1px;}
/* NTHN close and edit
ul.news-list li a:hover span.news-title,
ul.news-list li.active a span.news-title { font-weight: bold; color: #000;}
*/
ul.news-list li.active a span.news-title { font-weight: bold;color: #000;}
ul.news-list li a:hover span.news-title { color: #000;}

.sponsor { padding-bottom: 20px;}
.sponsor img { margin-right: 20px;}
.medias { padding-top: 20px;text-align: center;}
/*footer*/
#footer{
	height: 29px;
	overflow:hidden;
	clear:both;
	width: 100%;
	padding: 12px 0 0 24px;
	margin: 0 auto;
	position:fixed;
	bottom: 0px;
	background-color: #000;
}

.footer-inner { width: 1024px; margin: 0 auto;}

#footer p, #footer a {color:#bbb; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer p.info {float: left; color:#bbb; font-size: 11px;}
#footer a:hover {color: #005da5;}






